<template>
	<view class="container">
		<view class="notifiDetail">
			<view class="title">{{notifInfo.title}}</view>
			<view class="main">{{notifInfo.content}}</view>
			<view class="time">{{silceTime(notifInfo.createTime)}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				notifInfo:[]
			}
		},
		onLoad(options) {
			let id = options.id;
			this.$http.get("/notice/v1/info.do",{
				params:{id:id}
			}).then(res=>{
				console.log(res)
				this.notifInfo = res.data;
			})
		},
		methods:{
			silceTime(timeText){
				return timeText.substring(0,10)
			}
		}
		
	}
</script>

<style>
	.container{
		width: 100%;
	}
	page{
		font-family: "my-font";
	}
	.notifiDetail{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.title{
		font-size: 20px;
		color: #333;
		text-align: center;
	}
	.main{
		font-size: 16px;
		color: #666;
		line-height: 26px;
		margin-top: 10px;
	}
	.time{
		font-size: 14px;
		color: #999;
		margin-top: 15px;
	}
</style>
